const form = layui.form
const layer = layui.layer
let query = {
  pagenum:1,	//是	int	页码值
pagesize:2,//	是	int	每页显示多少条数据
cate_id	:'',//否	string	文章分类的 Id
state	:'',//否	string	文章的状态，可选值有：已发布、草稿
}
function render(){
  axios.get('/my/article/list',{params:query})
.then(({data:{data,total}}) => {
  // console.log(data)
  const newArr=data.map(function({Id,title,pub_date,state,cate_name}){
    let time = new Date(pub_date).toLocaleString()
    
      //  console.log(time);
    return `  <tr>
    <td>${title}</td>
    <td>${cate_name}</td>
    <td>${time}</td>
    <td>${state}</td>
    <td>
      <button type="button" class="layui-btn layui-btn-xs btn_edit" data-id=${Id}>编辑</button>
      <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn_delete" data-id=${Id}>删除</button>
    </td>
  </tr>`
  }).join('')
  $('#list').html(newArr)
  renderPage(total)
})
}
render()
 //文章列表
 axios.get('/my/article/cates')
 .then(({data:{data}}) => {
  // console.log(data)
  const cateArr= data.map(function({Id,name}){
       return `  <option value="${Id}">${name}</option>`
  }).join('')
  $('#cateSelect').append(cateArr)
  form.render('select')
 })
 //===========筛选==========
 $('#form').on('submit',function(e){
  e.preventDefault()
  query.cate_id=$('#cateSelect').val(),
  query.state=$('#stateSelect').val()
  query.pagenum=1
  render()
 })
 //=========分页========
 const laypage=layui.laypage

 function renderPage(count){

  //执行一个laypage实例
  laypage.render({
    elem: 'page-box', //注意，这里的 page-box 是 ID，不用加 # 号
    count, //数据总数，从服务端得到
    limit:query.pagesize,
    curr:query.pagenum,
    limits:[2, 3, 5, 10, 20],
    layout:['count','limit', 'prev','page', 'next','skip'],
    jump: function(obj, first){
      //obj包含了当前分页的所有参数，比如：
     // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      //console.log(obj.limit); //得到每页显示的条数
      query.pagenum=obj.curr
        query.pagesize=obj.limit
      //首次不执行
      if(!first){
        //do something
        render()
      }
    }
  });
 }
 //============删除===============
 $('#list').on('click','.btn_delete',function(){
  const id = $(this).attr('data-id')
  layer.confirm('确认删除吗?', {icon: 3, title:'提示'}, function(index){
    //do something
  axios.get('/my/article/delete/'+id)
  .then(res => {
    // console.log(res)
    if(res.data.status!==0){
      return layer.msg(res.data.message)
    }
   
  // 当前页面中，如果只有一个删除按钮了，页码 - 1，使其展示上一页数据
  // 解决小bug
  if ($(".btn_delete").length === 1) {
      // 页码最小值为1
      query.pagenum = query.pagenum === 1 ? 1 : query.pagenum - 1;
  }
  layer.msg(res.data.message)
  // 发送ajax获取最新的数据
   layer.close(index);
    render()
  })
   
  });



 })
 $('#list').on('click','.btn_edit',function(){
  const id = $(this).attr('data-id')
  location.href='./art_edit.html?id='+id
  })

